<template>
    <div>
        <h-section title="研发流程信息" collapse>
            <flexbox justify="space-between" class="cell-item">
                <flexbox>
                    <div class="cell-item-label">当前阶段：</div>
                    <div class="font-w-b">{{ stage }}</div>
                </flexbox>
            </flexbox>
            <slot name="processHistoryRecord" />
        </h-section>
    </div>
</template>

<script lang="ts">
import { defineComponent, getCurrentInstance } from 'vue';
export default defineComponent({
    name: 'ProductAudit',
    props: {
        stage: { type: String, default: '' },
        disabled: {
            type: Boolean,
            default: false
        }
    },
    setup() {
        const instance: any = getCurrentInstance();
        const handleShowReview = () => {
            instance.proxy.$mitt.emit('showVersionReview');
        };
        return {
            handleShowReview
        };
    }
});
</script>
<style scoped lang="less">
@import './styles/index.less';
</style>